﻿@section CSS
{
    <link href="~/Content/SLGameRules.css" rel="stylesheet" />
}

@{
    ViewBag.Title = "SLGameRules";
}

<h1>Slönguspil</h1>
<h2>Leikreglur</h2>

<div class="SLRules">

    <img src="/Images/Snakes.gif" alt="Ekki tókst að birta mynd"/>

    <span id="RuleText">Markmið leiksins er að verða fyrstur til þess að ferðast frá
        reit 1 að reit 100. Leikmenn skiptast á að kasta teningi. Ef leikmaður er á oddatöluröð færist 
        hann til hægri en ef hann er á slétttöluröð færist hann til vinstri. Sé leikmaður á reit lengst 
        til hægri í oddatöluröð færist hann einn reit upp. Sé hann á reit lengst til vinstri færist hann
        einnig einn reit upp.
        Ef leikmaður lendir á slönguhaus fer hann til baka á reitinn þar sem halinn er. 
        Ef hann lendir á reit neðst í stiga fer hann upp stigann.
        Sá leikmaður sem er fyrstur að komast á reit 100 vinnur. Það þarf að lenda nákvæmlega á reitnum.</span>
    
</div>

<div class="buttons">
    <a href="/SnakesAndLadders/GameList" id="CreateGameButton"> Búa til leik / Velja leik </a> 
    <a href="/SnakesAndLadders/PlayAgainstComputer" id="AgainstComputerButton"> Spila við tölvuna </a>
</div>

<div id="GoBack">
    @Html.ActionLink("Til baka", "Index", "Home")
</div>